for testing and deploying your application
for finding and fixing issues
for empowering human code reviews
export function createAddnewContainer(container, translation = {close: '', address: ''}) {
let overlay = document.createElement('div');
overlay.setAttribute('class', 'bg-overlay add-new-address');
overlay.innerHTML = `
<div class="close" data-action="close" title="${translation.close}">╳</div>
<div class="valign">
<div class="edit-marker-form">
<label for="address">${translation.address}</label>
<input type="text" name="address" id="address" placeholder="${translation.address}" class="add-marker-form__address"/>
</div>
`;
container.append(overlay);
overlay.querySelector('*[data-action="close"]').addEventListener('click', () => overlay.parentNode.removeChild(overlay));
return overlay;
}